<template>
  <pc-tree :data="data" text-key="name"/>
</template>

<script lang="ts" setup>
const data = [
  {name: 'Tree-1', key: '1'},
  {name: 'Tree-1', key: '2', parentKey: '1'},
  {name: 'Tree-1', key: '2.1', parentKey: '2'},
  {name: 'Tree-1', key: '2.1.1', parentKey: '2.1'},
  {name: 'Tree-1', key: '2.1.1.1', parentKey: '2.1.1'},
  {name: 'Tree-1', key: '2.1.1.1.1', parentKey: '2.1.1.1'},
  {name: 'Tree-1', key: '2.2', parentKey: '2'},
  {name: 'Tree-1', key: '3', parentKey: '1'},
  {name: 'Tree-1', key: '4', parentKey: '1'},
  {name: 'Tree-1', key: '5', parentKey: '1'},
]
</script>
